

<template>
  <section class="goods">
  
    <shop-item v-for="(ele,index) in goodsItem" :item="ele" :key="index"></shop-item>
  
  </section>
</template>
<script>
  import shopItem from "../shopItem/shopItem";
  
  // import price from "../../../components/price/price";
  
  export default {
  
    props: ['goods-item', 'index'],
  
    components: {
  
      shopItem,
  
    }
  
  }
</script>
<style lang="scss">
  @import "../../../assets/scss/_index.scss";
  
  .goods {
  
    display: flex;
  
    flex-wrap: wrap;
  
    width: 100%;
  
    padding-left: px2rem(24);
  
    padding-right: px2rem(24);
  
  }
</style>
